html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
table{border-collapse:collapse; border-spacing:0}

.main, #notbg{ height:100%;  border:0px solid #fff}

body{ line-height:1}
ol, ul{ list-style:none}
blockquote, q{ quotes:none}
blockquote:before, blockquote:after, q:before, q:after{ content:'';  content:none}
table{ border-collapse:collapse;  border-spacing:0}
::selection{background:rgba(0,0,0,0.7);  color:#DB4675;  text-shadow:none}
::-moz-selection{background:rgba(0,0,0,0.7);  color:#DB4675;  text-shadow:none}
img::selection{ background:transparent}
img::-moz-selection{ background:transparent}
a:visited{ color:#939185}
a:link{ text-decoration:none}
a:hover{ color:#555}
body{ background:#758687;  margin:auto;  font-family:lucida Console,serif;  font-size:12.5px;  width:960px}

#notbg{ background:none repeat scroll 0 0 transparent;  margin-top:32px;  overflow:hidden}
#abu-abu{ background:none repeat scroll 0 0 transparent;  display:block;  height:480px;  overflow:hidden}
#logo{ float:left;  height:12px;  margin-left:7px;  margin-top:1px;  width:17px}
#header{ background:none repeat scroll 0 0 #222;  border-bottom:1px solid #000;  border-top-left-radius:11px;  border-top-right-radius:11px;  padding:5px 0}
#header h1{ background:transparent;  float:left;  font-family:tahoma,verdana,arial,sans-serif;  font-size:13px;  margin:0;  padding-left:3px;  padding-top:4px}
.title a{color:#777;  font-weight:bold;  text-shadow:1px 1px 1px #000}
p.description{ display:block;  font-family:tahoma,verdana,arial,sans-serif;  font-size:13px;  font-weight:bold;  margin:0;  height:18px}
.description span{ color:#777;  display:block;  float:left;  margin-left:4px;  margin-top:4px;  text-shadow:1px 1px 1px #000}
content_1{ background:none repeat scroll 0 0 #FFF;  border-color:#EEE #FFF #FFF #EEE;  border-style:inset solid solid inset;  border-width:1px;  line-height:19px;  height:421px;  float:left;  overflow:scroll;  padding:7px;  width:935px}
.date-header{ float:right}
.blogger-labels{ border-bottom:1px dotted #000;  border-top:1px dotted #000;  margin:5px 0;  padding:5px 0}
.judul{ border-bottom:1px solid #333;  display:block;  margin-bottom:10px;  padding-top:10px;  overflow:hidden}
.ling{ float:left}
#pegnaf{ border-top:4px double #333;  display:block;  margin:0;  overflow:hidden;  padding-bottom:10px;  padding-top:5px}
#pegnaf a{ text-decoration:none}
.blog-paging-control-container{ display:block;  float:right;  overflow:hidden;  padding-top:5px}
.blog-paging-control{ float:right;  margin-left:53px}

#navi{background:#3d3d3d; background:-moz-linear-gradient(left, #3d3d3d 0%,#2b2b2b 6%,#141414 50%,#2b2b2b 93%,#3d3d3d 100%); background:-webkit-gradient(linear,left top,right top,color-stop(0%,#3d3d3d),color-stop(6%,#2b2b2b),color-stop(50%,#141414),color-stop(93%,#2b2b2b),color-stop(100%,#3d3d3d)); background:-webkit-linear-gradient(left, #3d3d3d 0%,#2b2b2b 6%,#141414 50%,#2b2b2b 93%,#3d3d3d 100%); background:-o-linear-gradient(left, #3d3d3d 0%,#2b2b2b 6%,#141414 50%,#2b2b2b 93%,#3d3d3d 100%); background:-ms-linear-gradient(left, #3d3d3d 0%,#2b2b2b 6%,#141414 50%,#2b2b2b 93%,#3d3d3d 100%); background:linear-gradient(to right, #3d3d3d 0%,#2b2b2b 6%,#141414 50%,#2b2b2b 93%,#3d3d3d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d',endColorstr='#3d3d3d',GradientType=1 );  border-bottom:1px solid #000;  border-bottom:3px solid rgba(91,91,91,0.3);  border-top:3px solid rgba(91,91,91,0.4);  display:block;  float:left;  padding:5px 0;  width:100%}
nav{font-family:Arial,Helvetica,sans-serif; font-weight:700}
nav ul li{float:left; list-style:none; margin:5px 10px 0}
nav li a img{height:0}
nav li.home a{line-height:14px}
nav li.home a:hover{color:#6EBFA3}
nav li.about a{line-height:14px}
nav li.about a:hover{color:#BFB36E}
nav li.contact a{line-height:14px}
nav li.contact a:hover{color:#E557A5}

.logo a:hover, nav ul li a:hover{color:#C22208}

#ruwet{ display:inline-block;  float:right;  overflow:hidden}
#lab_drop, .lab_drop{ display:block;  float:left;  margin-right:10px}
#lab_drop select, .lab_drop select{ background:none repeat scroll 0 0 transparent;  border:medium solid #333;  color:#777;  display:block;  outline:medium none; }
#searchform{    float:right}
#searchsubmit{    background:none repeat scroll 0 0 #222;     border:medium solid #333;     color:#777;     cursor:pointer;     margin-right:7px;     padding-right:3px;     padding-left:3px}
#q{    background:none repeat scroll 0 0 #222;     border:medium solid #333;     color:#777;     padding-left:5px;     padding-right:5px;     outline:none}
option{    background:none repeat scroll 0 0 #222;     border:medium none #DDD;     cursor:pointer}

.konter{        margin-bottom:20px;         margin-top:20px}
.blogger-comment-icon img{        max-height:16px;         max-width:16px}
.comment-data{        border-bottom:1px solid;         display:block;         float:left;         margin-bottom:10px;         margin-top:20px;         width:917px}
.comment-data a{        margin-left:-7px;         margin-top:3px}
.comment-icon{        background:none repeat scroll 0 0 #333;         border:1px double #333;         display:block;         float:right;         height:16px;         margin-top:-13px;         padding:3px}
#commbg{        border-bottom:1px dotted;         line-height:19px;         margin-bottom:30px;         margin-top:30px;         padding-bottom:10px}
.kimzigr{        display:inline;         margin-top:-5px}
.kredit{        color:#333;         padding-top:5px;         font-size:10px;         letter-spacing:2px}
.kredit a{        color:#DDD;         font-size:10px;         text-decoration:none}
.kredit a:hover{        color:#aaa}
code{        background-color:rgba(0,0,0,0.2);         border:1px 1px 1px #B7B3A1;         font:13px/18px "Courier New",Courier,mono;  padding:0 5px;  word-wrap:break-word}
pre{ display:block;  margin-bottom:18px;  max-width:100%;  overflow:auto;  padding:10px}
pre code{ background:#111;  border:medium none;  color:#555;  display:block;  font-weight:normal;  overflow:auto;  padding:13px;  text-shadow:1px 1px 1px #000}
#golek{float:right;  overflow:hidden}
#widget{}
<!--
.content{ position:relative;  margin:0 auto;  width:100%;  height:87%;  line-height:20px;  color:#777;  padding:0 3px 0 10px;  overflow:hidden;  background:#222;  border:1px solid #111;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box}
-->